<template>
  <!-- 这个二维码组件没有被使用 -->
  <!-- 弹出层有一个@open事件 需要这个事件的回调来获取图片地址-->
  <div>
    <el-dialog
      title="扫码添加微信好友"
      :visible="isShowQCcode"
      width="30%"
      @close="closeDialog"
    >
      <div>
        <canvas ref="cav"></canvas>
      </div>
    </el-dialog>

  </div>
</template>

<script>
import QCcode from 'qrcode'
export default {
  name: 'PhotoQCcode',
  props: {
    isShowQCcode: { // 控制显示和隐藏
      type: Boolean,
      Infinity
    },
    employees: { // 这里应该传入图片地址字符串
      type: Array,
      default: () => []
    }
  },
  mounted () {
    console.log(this.employees)
    QCcode.toCanvas(this.$refs.cav, this.employees.staffPhoto)
  },
  methods: {
    // 关闭窗口执行的回调
    closeDialog() {
      this.$emit('update:isShowQCcode', false)
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
